<template>
  <div class="performance">
    <header class="header">页面性能</header>
    <div class="control">
      <el-button type="primary" size="mini" class="search_btn" @click="search">查询性能报表</el-button>
    </div>
    <div class="container">

    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent, onMounted,ref,getCurrentInstance,nextTick,watchEffect,reactive,Ref, toRefs, watch} from 'vue'
export default defineComponent({
  setup(){

    const search = _ => {

    }

    const state = {

      search
    }
    return reactive(state);
  }
})
</script>

<style lang='less' scoped>
.performance {
  width: 100%;
  overflow: auto;
  header.header {
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    font-size: 16px;
    padding: 0 16px;
  }
  .control {
    padding: 8px 16px;
  }

  .container {
    padding: 0px 16px;
  }
}
</style>